<%-- 
    Document   : reservar
    Created on : 26-jun-2013, 17:01:56
    Author     : davidcabrera
--%>
<%@page import="negocio.Usuario"%>
<%@taglib uri="http://struts.apache.org/tags-logic" prefix="logic"%>
<%@taglib uri="http://struts.apache.org/tags-bean" prefix="bean"%>
<%@taglib uri="http://struts.apache.org/tags-html" prefix="html"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<head>
    <title>Reserva</title>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" media="screen" href="css/reset.css">
    <link rel="stylesheet" type="text/css" media="screen" href="css/style.css">
    <link rel="stylesheet" type="text/css" media="screen" href="css/grid_12.css">
    <script src="js/jquery-1.7.min.js"></script>
    <script src="js/jquery.easing.1.3.js"></script>
    <script src="js/cufon-yui.js"></script>
    <script src="js/Asap_400.font.js"></script>
    <script src="js/Coolvetica_400.font.js"></script>
    <script src="js/Kozuka_M_500.font.js"></script>
    <script src="js/cufon-replace.js"></script>
    <script src="js/FF-cash.js"></script>

</head>
<body>
    <div class="main">
        <div class="bg-img"></div>
        <!--==============================header=================================-->
         <header>
                <h1><a href="index.jsp">Sport <strong>Club</strong></a></h1>

                <div style="margin-top: 30px; margin-left: 750px">        

                </div> 
                <div >
                    
                <logic:empty name="usuario" scope="session">
                        <html:form action="/login" >
                            <div>
                            <table border="0" class="login-form">
                                <tbody>
                                    <tr>
                                        <td><strong>Email:</strong></td>
                                        <td><html:text property="email" name="LoginForm" style="text-align:right"/></td>
                                    </tr>
                                    <tr>
                                        <td><strong>Clave:</strong></td>
                                        <td><html:password property="pass" name="LoginForm" style="text-align:right"/></td>
                                    </tr>
                                    <tr>
                                        <td colspan="2" class="button" style="text-align:right;"><html:submit value="Login"/></td>
                                    </tr>
                                    <tr>
                                        <td colspan="2" style="text-align:right"><a href="registro.jsp" class="color-1">¡Registrate!</a></td>
                                    </tr>

                                </tbody>
                            </table>
                                    </div>
                        </html:form>
                    </logic:empty>
                        
                        <logic:notEmpty name="usuario" scope="session">
                            <div style="text-align: right" >
                            Bienvenido, <strong><a class="link" href="cuenta.do"><bean:write name="usuario" property="nombre"/></a></strong>

                            <br/>
                            <a class="link" href="unlogin.do" >Desconectar</a>
                            </div>
                        </logic:notEmpty>
                    
                </div>


                <nav style="clear: both">
                    
                    <ul class="menu">
                        <li><a href="index.jsp">Principal</a></li>
                        <li class="current"><a href="instalaciones.do">Instalaciones</a></li>
                        <li><a href="galeria.jsp">Galeria</a></li>
                        <li><a href="contacta.jsp">Contacta</a></li>
                    </ul>
                </nav>
            </header>   
        <!--==============================content================================-->
        <section id="content">
            <div class="container_12">
                <div class="grid_12">
                    <div class="box-shadow">
                        <div class="wrap block-2">
                            <div class="col-1">
                                <h2 class="p3">Resumen De <span class="color-1">Reserva</span> </h2>
                                <p class="p2"><strong>A continuaci&oacute;n se muestran los datos de la reserva. Si &eacute;stos son correctos, pulsa en confirmar. En caso contrario, pulsa en volver. </strong></p>
                                <h2 class="p3 top-2"></h2>
                                <logic:notEmpty name="instalacion">

                                    <p class="p5"><strong class="color-1"><bean:write name="instalacion" property="nombre"/> </strong>(<bean:write name="instalacion" property="direccion"/>)</p>

                                </logic:notEmpty>

                                <div class="wrap box-1">
                                    <logic:notEmpty name="pista">
                                        <img src="images/<bean:write name="pista" property="foto"/>" alt="" class="img-border img-indent">
                                        <div class="extra-wrap">
                                            <p class="p2"><strong><bean:write name="pista" property="nombre"/></strong></p>
                                            <p class="p2">Tipo: <strong><bean:write name="pista" property="tipo"/></strong></p>


                                            <p class="p2">Hora: <strong><bean:write name="hshort"/></strong></p>

                                            <p>Precio: <strong><bean:write name="pista" property="precio"/></strong> €</p>
                                            <p><bean:write name="pista" property="descripcion"/></p>

                                        </div>
                                    </logic:notEmpty>
                                </div>
                                <h2 class="p3 top-2"><span class="color-1"></span></h2>
                                <p class="p2"><strong>Nota: Una vez realizada la reserva no se podr&aacute; modificar o cancelar. </strong></p>
                                <h2 class="p3 top-2"></h2>
                                <div class="btns">
                                    <%
                                        Usuario u =(Usuario)session.getAttribute("usuario");
                                        Integer idu=u.getIdUsuario();
                                    %>

                                    <logic:notEmpty name="usuario" scope="session">
                                        <form name="confirmar" method="post" action="confirmar.do">
                                            <input type="hidden" name="idp" value="<bean:write name="pista" property="idPista"/>" >
                                            <input type="hidden" name="idu" value="<%=idu %>">
                                            <input type="hidden" name="idi" value="<bean:write name="instalacion" property="idInstalacion"/>" >
                                            <input type="hidden" name="idh" value="<bean:write name="horario" property="idHorario"/>">
                                            <input type="hidden" name="pr" value="<bean:write name="pista" property="precio"/>">   
                                        </form>
                                        <form name="volver" method="post" action="horario.do">
                                            <input type="hidden" name="id" value="<bean:write name="pista" property="idPista"/>" >
                                            <input type="hidden" name="idu" value="<%=idu %>">
                                            <input type="hidden" name="idi" value="<bean:write name="instalacion" property="idInstalacion"/>" >
                                            <input type="hidden" name="idh" value="<bean:write name="horario" property="idHorario"/>">
                                            <input type="hidden" name="pr" value="<bean:write name="pista" property="precio"/>">   
                                        </form>
                                        <a onclick="document.confirmar.submit()" class="button">Confirmar</a>
                                        <a onclick="document.volver.submit()" class="button">Volver</a>
                                 
                                    </logic:notEmpty>
                                        
                                        
                                        
                                </div>
                            </div>


                            <!-- Division derecha -->
                            <!-- Division derecha -->
                            <div class="col-2">                                
                                <script language="javascript">

                                    function VecImagenes()
                                    {
                                        n=0;
                                        this[n++]="img/gullit1.jpg";
                                        this[n++]="img/jordan2.jpg";
                                        this[n++]="img/rossi1.jpg";
                                        this[n++]="img/magic1.jpg";
                                        this[n++]="img/griffith1.jpg";
                                        this[n++]="img/gretzky1.jpg";
                                        this[n++]="img/biondi1.jpg";
                                        this.N=n;
                                    }
                                    function VecFrases()
                                    {
                                        n=0;
                                        this[n++]='"Un equipo es como un buen reloj: si se pierde una pieza todavía es bonito, pero ya no funciona igual", <strong>Ruud Gullit</strong>';
                                        this[n++]='"He fallado una y otra vez en mi vida, por eso he conseguido el éxito", <strong>Michael Jordan</strong>';
                                        this[n++]='"Si crees que eres el mejor, ya no puedes mejorar. Si quieres ser el mejor, siempre debes hacerlo.", <strong>Valentino Rossi</strong>';
                                        this[n++]='"No te preguntes que pueden hacer tus compañeros por ti. Preguntate que puedes hacer tú por tus compañeros", <strong>Magic Johnson</strong>';
                                        this[n++]='"No se fracasa hasta que no se deja de intentar.", <strong>Florence Griffith</strong>';
                                        this[n++]='"Fallarás el 100% de las cosas que no intentes", <strong>Wayne Gretzky</strong>';
                                        this[n++]='"La perseverancia puede cambiar un fracaso en un extraordinario logro", <strong>Matt Biondi</strong>';
                                        this.N=n;
                                    }    
                                    var Imagenes=new VecImagenes();
                                    var Frases= new VecFrases();
                                    var num = Math.floor(Math.random() * Imagenes.N);
                                    src= Imagenes[ num ] ;
                                    frase = Frases[ num ];
                                    document.write("<img style='margin-bottom:10px' class='img-border' width=225px height=400px src="+src+">");
                                    document.write(frase);
                                </script>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="clear"></div>
            </div>
        </section> 
        <!--==============================footer=================================-->
    </div>
    <%@include file="footer.jsp" %>
</body>
</html>
